<template>
  <u-popup
    :closeOnClickOverlay="true"
    @close="closeTip"
    :show="true"
    bgColor="transparent"
    mode="center"
    round="10px"
  >
    <view class="contact-boss">
      <view class="content">
        <img
          class="image"
          @click="submitCall"
          src="../image/in-call.png"
          mode="widthFix"
        />
        <img
          class="image"
          @click="submitIntention"
          src="../image/in-intention.png"
          mode="widthFix"
        />
      </view>
      <img
        @click="close"
        class="close"
        src="@/static/images/common/close.png"
        mode="scaleToFill"
      />
    </view>
  </u-popup>
</template>

<script>
export default {
  name: "ContactBoss",
  methods: {
    close() {
      this.$emit("close");
    },
    submitCall() {
      this.$emit("submitCall");
    },
    submitIntention() {
      this.$emit("submitIntention");
    }
  }
};
</script>
<style lang="scss" scoped>
.contact-boss {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  .content {
    width: 288px;
    min-height: 179px;
    background: linear-gradient(180deg, #fff6eb 0%, #ffffff 100%);
    border-radius: 12px;
    box-sizing: border-box;
    padding-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    .image {
      margin-top: 20px;
      width: 244px;
      height: 74px;
    }
  }
  .close {
    width: 23px;
    height: 23px;
    margin: 10px auto;
  }
}
</style>
